<template>
  <div>
    <div @tap="_cancel" class="mui-backdrop" v-show="active">
      <slot></slot>
    </div>
  </div>
</template>
<script>
  export default{
    props: {
      active: {
        type: Boolean,
        default: false
      }
    },
    methods: {
      _cancel: function ($event) {
        // this.active = false;
        // this.$dispatch('mui-backdrop-cancel', {event: $event});
      }
    }
  };
</script>
